﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<OurSite.Web.Models.EventModel> " %>
<%@ Import Namespace="OurSite.Business.Picture"%>
<%@ Import Namespace="OurSite.Business.Event"%>
<%@ Import Namespace="OurSite.Web.HTMLHelpers" %>

<script>
    $(document).ready(function()
    {
        // Activate fancybox image popup
        $(".gallery-item a").fancybox();
    });

</script>
		            
<section id="level4" class="margin-top-15">
    <header> 
	    <h1>Our Favorite Photos</h1> 
    </header> 		
    <article> 
   	        <%foreach (Picture picture in Model.Event.Pictures) { %>
    	        
    	        <div class="gallery-item">
                    <a rel="related_group" class="galleryThumb galleryThumbImage" href="<%= Model.Prefix + picture.ImagePath %>" title='<b><%= picture.ParentEvent.FullLocation + "</b><br/> " + picture.Caption %>'>
                        <i style="background-image: url('<%= Model.Prefix + "Small" + picture.ImagePath %>')"></i>
                    </a>
                </div>

    	<%  } %>
    	
    </article>
</section>

<div class="clear"></div>